<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<!--插值表达式：vue的一种模版语法 -->
		<div id = "app">
			<p>{{msg+count}}</p>
		</div>
		
		<!--引入vue2开发版本包 -->
		<!--加载太慢 -->
		<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script> -->
		<script src="js/vue.js"></script>
		<script>
			//全局环境1
			const app = new Vue({
				//通过el配置选择器，指定vue管理的是哪个盒子
				el:'#app',
				//通过data提供数据
				data:{
					//响应式数据-》数据变化了-》视图自动更新
					msg:'你好。黑马',
					count:100,
				}
			})
		</script>
	</body>
</html>